<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.2.1.min.js"></script>
    <script>
        $(function(){
           $("#askButton").click(function(){
               $("#questionSpan").html("两头牛");
               //设置元素的样式
               $("#questionSpan").css({"color":"red",backgroundColor:"yellow"});
           });


           $("#imgSelect").change(function () {
               // alert(this.value);
               // alert($(this).val());
               //将元素对象的src属性赋值
               // $("#faceImg").attr("src",$(this).val());
               $("#faceImg").prop("src",this.value);
           });

           // alert($("#userName").val());
           // $("#userName").val("456");

            // var buttonObj = document.getElementById("mybutton");
            // buttonObj.onclick = function () {
            //     alert("1");
            // }
            // buttonObj.onclick = function () {
            //     alert("2");
            // }

            $("#mybutton").click(function () {
               alert(1);
            });
            $("#mybutton").click(function () {
                alert(2);
            });
        });
    </script>
</head>
<body>
    <input type="button" value="一头公牛加一头母牛是哪三个字？" id="askButton">
    <span id="questionSpan"></span>
    <hr>

    <img src="img/12.jpg" width="200" height="200" id="faceImg"><br>
    <select id="imgSelect">
        <option value="img/12.jpg">春香</option>
        <option value="img/6.jpg">夏香</option>
        <option value="img/4.jpg">秋香</option>
        <option value="img/3.jpg">冬香</option>
    </select>

    <input type="text" value="123" id="userName">

    <input type="button" value="点击" id="mybutton">

</body>
</html>